/* 
    Document   : site
    Created on : Apr 21, 2013, 11:02:08 PM
    Author     : Sean
    Description:
        Purpose of the stylesheet follows.
*/

body
{
background-image:url('resources/images/bedge_grunge.png');
}

#Main-wrapper
{
    width: 1000px;
    margin: 0 auto;
    box-shadow: 1px 2px 3px black;
    border-left: 1px solid #3D3D3D;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    
}

#header-wrapper
{
    border: 1px solid black;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

#header
{
    height: 100px;
    width: 100%;
    background: #fff;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    
    
}

.header-content
{
    position: absolute;
    margin-top: 40px;
    margin-left:25px;
    font-size: 2em;
    text-shadow: 1px 0px 3px #002B6B;
    
}

#Main-content
{
    
    padding: 10px;
    background: #fff;
}

#nav
{
    width: 1000px;
    background-color:#002B6B;
}


ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li
{
float:left;
}

a:link,a:visited
{
display:block;
width:242px;
font-weight:bold;
color:#FFFFFF;
background-color: #002B6B;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

a:hover,a:active
{
background-color:#7A991A;
}

h1
{
    text-align: center;
}

.content{
    width: 500px;
    text-align: left;
    float:left;
}

#footer
{
    padding-top: 10px;
    width: 100%; 
    height: 30px;
    color: #fff;
    text-align: center;
     /* fallback */
  background-color: #002B6B;


  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#002B6B));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(bottom, #2F2727, #002B6B);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(bottom, #2F2727, #002B6B);

  /* IE 10 */
  background: -ms-linear-gradient(bottom, #2F2727, #002B6B);

  /* Opera 11.10+ */
  background: -o-linear-gradient(bottom, #2F2727, #002B6B);
}

#catalog
{
    width: 200px;
    height: auto;
    float:left;

}

.catalog-content
{
    width: 755px;
    padding-left: 10px;
    float: left;
    border-left: 1px solid #3D3D3D;
    margin-left: 10px;
    
}


ul.catalog-list
{
    list-style-type:none;
    margin:0;
    padding:0;
}
a.catalog-list:link,a.catalog-list:visited
{
    border-bottom: 1px solid white;
    display:block;
    font-weight:bold;
    color:#FFFFFF;
    background-color: #303034;
    width:200px;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}
a.catalog-list:hover,a.catalog-list:active
{
    background-color:#7A991A;
}

a.active
{
    background-color:#7A991A;
}

.billing{
    margin-top: 15px;
}


table.shop
{
    width: 900px;
    margin: 0 auto;
    border-collapse: collapse;
}

table.shop th
{
    font-weight: bold;
    font-size: 1.3em;
}

table.shop td
{
    width:180px;
    text-align: center;
    border-bottom: 1px solid #303034;
    border-top: 1px solid #303034;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.shop td:first-child
{

    border-left: 1px solid #303034;

}

table.shop td:last-child
{

    border-right: 1px solid #303034;

}

a.checkoutbutton:link
{
    background: #FFFF99;
}

a.checkoutbutton:hover
{
    background: #7A991A;
}
